<!DOCTYPE HTML>
<html>
  <head>
    <title>Kunuki</title>
        <link rel="SHORTCUT ICON" href="img/favicon.ico" />	
        <script type="text/javascript" src="jquery/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="jquery/slides.jquery.js"></script>          
				<link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="css/grid-16.css" />
        <meta name="description" content="clothing" />
				<meta name="keywords" content="kidswerar, womenswear, accessories, assamese" />
				<meta name="author" content="Tigmaminds" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" language="javascript">
          $('document').ready(function() {
              $("#slides").slides({
              preload: true,
              preloadImage: '/img/loading.gif',
              play: 5000,
              pause: 2500,
              hoverPause: true
            });
    		});        
				</script>
  </head>
  <body>
    <div id="container" class="container_16">
    
      <div id="header" class="grid_16">  
        <div id="logo" class="grid_5 alpha">  
          <h1>logo</h1>          
        </div>   
        <div id="main-menu" class="grid_11 omega menu">  
          <?php include("html/menu.html"); ?>
        </div>
      </div>
      <div id="slides" class="grid_16">
        <div class="slides_container">
          <div>
            <img src="img/banner.jpg" width="940" height="300" />  
          </div>
          <div>
            <img src="img/big-banner-2.jpg" width="940" height="300" />
          </div>
          <div>
          <img src="img/big-banner-3.jpg" width="940" height="300" />  
          </div>
          <div>
          <img src="img/big-banner-4.jpg" width="940" height="300" />  
          </div>
        </div>
      </div>
      <div id="content" class="grid_16"> 
        <ul id="side-bar" class="grid_3 omega">  
          <li>
            Kidswear
          </li>
          <li>
            Option 2
          </li>
          <li>
            Option 3
          </li>
          <li>
            Option 4
          </li>
          <li>
            Option 5
          </li>
        </ul>   
        <ul id="mainContent" class="grid_12 alpha">  
          <li class="product-item">
            <img src="img/dress1.jpg" class="product-img" />
          </li>
          <li class="product-item">
            <img src="img/dress2.jpg" class="product-img" />
          </li>
          <li class="product-item">
            <img src="img/dress3.jpg" class="product-img" />
          </li>
          <li class="product-item">
            <img src="img/dress4.jpg" class="product-img" />
          </li>
        </ul>
      </div>
      <div id="footer" class="grid_16">  
        &copy 2012 Kunuki 
      </div>
    </div>
  </body>
</html>
